<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>${site.name}</title>
    <!-- Pretty Photo CSS -->
    <link href="/${res}/css/prettyPhoto.css" rel="stylesheet">
    <!-- Chosen CSS -->
    <link href="/${res}/css/chosen.min.css" rel="stylesheet">
    <!-- Swiper Slider CSS -->
    <link href="/${res}/css/swiper.css" rel="stylesheet">
    <!-- Custom Main StyleSheet CSS -->
    <link href="/${res}/style.css" rel="stylesheet">
    <!-- Color CSS -->
    <link href="/${res}/css/color.css" rel="stylesheet">
    <!-- Responsive CSS -->
    <link href="/${res}/css/responsive.css" rel="stylesheet">
    <script src="/${res}/js/jquery.js" type="text/javascript"></script>
    <script src="${resSys}/front.js" type="text/javascript"></script>

</head>

<body>
<!--gt Wrapper Start-->
<div class="gt_wrapper" id="home">
    [#include "../include/nav.html"/]
    <!--Banner Wrap Start-->
    <div class="gt_banner default_width">
        <div class="swiper-container" id="swiper-container">
            <ul class="swiper-wrapper">
                <li class="swiper-slide">
                    <img src="/${res}/extra-images/banner-01.jpg" alt="">
                    <div class="gt_banner_text gt_slide_1">
                        <h3>正心立德正举利行</h3>
                        <h2>正心正举提高企业家人文素养，促进企业回归人文</h2>
                        <p>北京正心正举应用科学研究院主办的主题为“共享共赢十九大，正心正举再出发”的“第五期正心正举企业家人文素养研讨班”于2017年11月26日在京举办</p>
                        <a href="#">see More<i class="fa fa-arrow-right"></i></a>
                    </div>
                </li>
                <li class="swiper-slide">
                    <img src="/${res}/extra-images/banner-02.jpg" alt="">
                    <div class="gt_banner_text gt_slide_2">
                        <h3>人间大爱为家国</h3>
                        <h2>公益万里行</h2>
                        <p>正心正举专项公益基金不仅做医学人文素养提升公益项目，还为多个贫困山区提供创业援助计划、百车千城万里行义诊活动，包括：西藏日喀则地区、阿里山区、海南五指山等多地捐赠，将爱心传递到五湖四海。</p>
                        <a href="#">see More<i class="fa fa-arrow-right"></i></a>
                    </div>
                </li>
                <li class="swiper-slide">
                    <img src="/${res}/extra-images/banner-03.jpg" alt="">
                    <div class="gt_banner_text gt_slide_3">
                        <h3>整合|提升|创新</h3>
                        <h2>核心理念</h2>
                        <p>内观己心，外察世界，启迪多元思维；正心正举，拨迷见智，开启自在之门。</p>
                        <a href="#">see More<i class="fa fa-arrow-right"></i></a>
                    </div>
                </li>
            </ul>
        </div>
        <div class="swiper-button-next"><i class="fa fa-angle-right"></i></div>
        <div class="swiper-button-prev"><i class="fa fa-angle-left"></i></div>
    </div>
    <!--Banner Wrap End-->

    <!--Main Content Wrap Start-->
    <div class="gt_content_wrap">
        <div class="gt_banner_service_wrap default_width">
            <div class="container">
                [@cms_channel_list ]
                [#list tag_list as c]
                <div class="col-md-4 no_padding">
                    <div class="gt_banner_service service_bg_${c_index+1} default_width" style="background-image:url('${c.titleImg!}')">
                        [#if c_index==0 ]
                        <i class="fa fa-heartbeat"></i>
                        [#elseif c_index == 1]
                        <i class="fa fa-graduation-cap"></i>
                        [#else]
                        <i class="fa fa-diamond"></i>
                        [/#if]
                        <h4><a href="${c.url}[#if !channel??]#${c.path}[#else] [/#if]">${c.name}</a></h4>
                        <p>${c.description!}</p>
                        <a href="${c.url}">详情</a>
                    </div>
                </div>
                [/#list]
                [/@cms_channel_list]
            </div>
        </div>

        <!--Facts and Figure Wrap Start-->
        <section class="gt_fact_bg" style="margin-top: 70px;">
            <div class="container">
                <div class="row">
                    <div class="col-md-3 col-sm-6">
                        <div class="gt_number_count_wrap gt_bg_14">
                            <i class="icon-books-stack-from-top-view"></i>
                            <h4 class="counter"> 4245 </h4>
                            <span>+</span>
                            <h5><a href="#">文库资料</a></h5>
                        </div>
                    </div>
                    <div class="col-md-3 col-sm-6">
                        <div class="gt_number_count_wrap gt_bg_15">
                            <i class="fa fa-video-camera"></i>
                            <h4 class="counter"> 3450 </h4>
                            <span>+</span>
                            <h5><a href="#">精彩视频</a></h5>
                        </div>
                    </div>
                    <div class="col-md-3 col-sm-6">
                        <div class="gt_number_count_wrap gt_bg_16">
                            <i class="icon-avatar"></i>
                            <h4 class="counter"> 150 </h4>
                            <span>+</span>
                            <h5><a href="#">专家学者</a></h5>
                        </div>
                    </div>
                    <div class="col-md-3 col-sm-6">
                        <div class="gt_number_count_wrap gt_bg_17">
                            <i class="fa fa-users"></i>
                            <h4 class="counter"> 289 </h4>
                            <span>+</span>
                            <h5><a href="#">企业会员</a></h5>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!--Facts and Figure Wrap End-->

        <!--Who We Are Wrap Start-->
        <section class="gt_who_we_bg" id="feelings">
            <div class="container">
                <div class="row">
                    <div class="col-md-5">
                        <div class="gt_who_we_img default_width">
                            <img src="/${res}/extra-images/about-us.jpg" alt="">
                        </div>
                    </div>
                    <div class="col-md-7">
                        <div class="gt_who_we_wrap default_width">
                            <h5>关于我们</h5>
                            <h3>正心正举</h3>
                            <span class="gt_hdg_left"></span>
                            <p>正心正举，即通过探寻客观事物的本质特性和生命的本质特征，提高对自我和外界的认知度，从而提升思想力，修正思维模式和行为模式，在生活、学习、工作中保持乐观、积极、向上的心态，达到健康、快乐、幸福的终极目的。</p>
                            <ul class="row">
                                <li class="col-md-6 col-sm-6">
                                    <div class="gt_who_we_icon"><i class="icon-education-1"></i></div>
                                    <div class="gt_who_we_des">
                                        <h6><a href="#">合作机构</a></h6>
                                        <p>共建中国特色人文教育</p>
                                    </div>
                                </li>
                                <li class="col-md-6 col-sm-6">
                                    <div class="gt_who_we_icon"><i class="icon-draw"></i></div>
                                    <div class="gt_who_we_des">
                                        <h6><a href="#">创始人</a></h6>
                                        <p>创始人及团队简介</p>
                                    </div>
                                </li>
                                <li class="col-md-6 col-sm-6">
                                    <div class="gt_who_we_icon"><i class="icon-open-book"></i></div>
                                    <div class="gt_who_we_des">
                                        <h6><a href="#">公益项目</a></h6>
                                        <p>万家灯火点亮人生</p>
                                    </div>
                                </li>
                                <li class="col-md-6 col-sm-6">
                                    <div class="gt_who_we_icon"><i class="icon-send-message-button"></i></div>
                                    <div class="gt_who_we_des">
                                        <h6><a href="#">三思三共</a></h6>
                                        <p>“三思”逻辑与“三共”愿景</p>
                                    </div>
                                </li>
                                <li class="col-md-6 col-sm-6">
                                    <div class="gt_who_we_icon"><i class="icon-learning"></i></div>
                                    <div class="gt_who_we_des">
                                        <h6><a href="#">专家学者</a></h6>
                                        <p>正心系统正举力扬</p>
                                    </div>
                                </li>
                                <li class="col-md-6 col-sm-6">
                                    <div class="gt_who_we_icon"><i class="icon-computer"></i></div>
                                    <div class="gt_who_we_des">
                                        <h6><a href="#">联系我们</a></h6>
                                        <p>客户服务热线</p>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!--Who We Are Wrap End-->
        [@cms_content_list count='8' orderBy='4' titLen='10' channelId='106' channelOption='1']
        <section class="gt_courses_bg" id="intelligent">
            <div class="container">
                <!--Heading Wrap Start-->
                <div class="gt_hdg_1 default_width">
                    <h3>视频</h3>
                    <p>国内专家级精彩视频分享！</p>
                    <span class="gt_hdg_left"></span>
                    <i class="icon-school"></i>
                    <span class="gt_hdg_right"></span>
                </div>
                <!--Heading Wrap End-->

                <!--Search Wrap Start-->
                <div class="row hide">
                    <div class="col-md-9 col-sm-8">
                        <div class="gt_course_search default_width">
                            <form>
                                <input type="search" placeholder="Search Courses">
                                <a href="#"><i class="fa fa-search"></i></a>
                            </form>
                        </div>
                    </div>
                    <div class="col-md-3 col-sm-4">
                        <div class="gt_sort_wrap">
                            <span>Sort by:</span>
                            <label class="fa fa-angle-down"></label>
                            <select>
                                <option>Popular</option>
                                <option>Popular</option>
                                <option>Popular</option>
                            </select>
                        </div>
                    </div>
                </div>

                <div class="gt_courses_slider" id="gt_courses_slider">
                    [#list tag_list as a]
                    <div class="item">
                        <div class="gt_courses_wrap default_width">
                            <figure>
                                <img src="${a.titleImg!a.typeImg!}" alt="">
                                <figcaption class="gt_play_btn">
                                    <a href="${a.url!}" ><i class="fa fa-play"></i></a>
                                </figcaption>
                                <figcaption class="gt_course_img_des hide">
                                    <div class="gt_course_des_holder">
                                        <div class="gt_course_author">
                                            <img src="/${res}/images/userImg.png" alt="">
                                            <a href="${a.url!}"><i class="fa fa-user"></i>${a.author!'正心正举'}</a>
                                        </div>
                                        <ul class="gt_rating_star">
                                            <li>
                                                <a href="#"><i class="fa fa-star"></i></a>
                                                <a href="#"><i class="fa fa-star"></i></a>
                                                <a href="#"><i class="fa fa-star"></i></a>
                                                <a href="#"><i class="fa fa-star"></i></a>
                                                <a href="#"><i class="fa fa-star"></i></a>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="gt_course_cat gt_bg_4">New</div>
                                </figcaption>
                            </figure>
                            <div class="gt_course_des default_width">
                                <h5><a href="${a.url}">[@text_cut s=a.title len=titLen /]</a></h5>
                                <span>${(a.date?string('yyyy-MM-dd'))!}</span>
                                <p>[@text_cut s=a.desc len='30' append=append/]}</p>
                            </div>
                            <div class="gt_course_bottom default_width">
                                <h5 style="font-size:14px;paddinr-left:20px">点击量：<span>${a.views}</span></h5>
                            </div>
                        </div>
                    </div>
                    [/#list]
                </div>
            </div>
        </section>
        [/@cms_content_list]

        <section class="gt_course_search_bg" id="service">
            <!--Heading Wrap Start-->
            <div class="gt_hdg_1 white_color default_width">
                <h3>Explore all the COURSES</h3>
                <p>Aenean commodo ligal geate dolor. Aenan massa. Loren ipsum dolor sit amet,color<br>tetuer adiois
                    elit, aliquam eget nibh etibra</p>
            </div>
            <!--Heading Wrap End-->
            <!--Explore Search Wrap Start-->
            <div class="container">
                <div class="gt_explore_search_wrap default_width">
                    <form class="default_width">
                        <div class="col-md-3 col-sm-6">
                            <div class="gt_explore_search">
                                <select class="find_course_search">
                                    <option>Category</option>
                                    <option>2</option>
                                    <option>3</option>
                                    <option>4</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-md-3 col-sm-6">
                            <div class="gt_explore_search">
                                <select class="find_course_search">
                                    <option>Duration</option>
                                    <option>2</option>
                                    <option>3</option>
                                    <option>4</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-md-3 col-sm-6">
                            <div class="gt_explore_search">
                                <select class="find_course_search">
                                    <option>Level</option>
                                    <option>2</option>
                                    <option>3</option>
                                    <option>4</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-md-3 col-sm-6">
                            <div class="gt_explore_search">
                                <select class="find_course_search">
                                    <option>Keyword</option>
                                    <option>2</option>
                                    <option>3</option>
                                    <option>4</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="gt_explore_search align_center">
                                <input type="submit" value="Search Courses"/>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
            <!--Explore Search Wrap End-->
        </section>
        <!--Explore All Courses Search Wrap End-->

        <!--Why Choose Us Wrap Start-->
        [@cms_content_list count='8' orderBy='4' titLen='10' channelId='108' channelOption='1']
        <section class="gt_courses_bg" id="course">
            <div class="container">
                <!--Heading Wrap Start-->
                <div class="gt_hdg_1 default_width">
                    <h3>热门文档</h3>
                    <p>各行各业的精品文档资料荟萃!</p>
                    <span class="gt_hdg_left"></span>
                    <i class="icon-school"></i>
                    <span class="gt_hdg_right"></span>
                </div>
                <!--Heading Wrap End-->

                <!--Search Wrap Start-->
                <div class="row hide">
                    <div class="col-md-9 col-sm-8">
                        <div class="gt_course_search default_width">
                            <form>
                                <input type="search" placeholder="Search Courses">
                                <a href="#"><i class="fa fa-search"></i></a>
                            </form>
                        </div>
                    </div>
                    <div class="col-md-3 col-sm-4 ">
                        <div class="gt_sort_wrap">
                            <span>Sort by:</span>
                            <label class="fa fa-angle-down"></label>
                            <select>
                                <option>Popular</option>
                                <option>Popular</option>
                                <option>Popular</option>
                            </select>
                        </div>
                    </div>
                </div>

                <div class="gt_courses_slider" id="gt_courses_slider1">
                    [#list tag_list as a]
                    <div class="item">
                        <div class="gt_courses_wrap default_width">
                            <figure>
                                <a href="${a.url}"><img src="${a.titleImg!a.typeImg!}" alt=""></a>
                                <figcaption class="gt_course_img_des">
                                    <div class="gt_course_des_holder">
                                        <div class="gt_course_author">
                                            <img src="/${res}/images/userImg.png" alt="">
                                            <a href="javascript:void(0)"><i class="fa fa-user"></i>${a.author!'正心正举'}${a.avgScore!}</a>
                                        </div>
                                        <ul class="gt_rating_star">
                                            <li>
                                                <a href="#"><i class="fa fa-star"></i></a>
                                                <a href="#"><i class="fa fa-star"></i></a>
                                                <a href="#"><i class="fa fa-star"></i></a>
                                                <a href="#"><i class="fa fa-star"></i></a>
                                                <a href="#"><i class="fa fa-star-half-empty"></i></a>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="gt_course_cat gt_bg_4">新</div>
                                </figcaption>
                            </figure>
                            <div class="gt_course_des default_width">
                                <span>${a.releaseDate}</span>
                                <h5><a href="${a.url}">[@text_cut s=a.title len=titLen /]</a></h5>
                                <p>[@text_cut s=a.desc len='30' append=append/]}</p>
                            </div>
                            <div class="gt_course_bottom default_width">
                                <h5 style="font-size:14px;paddinr-left:20px">点击量：<span>${a.views}</span></h5>
                            </div>
                        </div>
                    </div>
                    [/#list]
                </div>
            </div>
        </section>
        [/@cms_content_list]

        [@cms_content_list count='8' orderBy='4' titLen='10' channelId='123' channelOption='1']
        <section id="team">
            <div class="container">
                <!--Heading Wrap Start-->
                <div class="gt_hdg_1 default_width">
                    <h3>专家学者</h3>
                    <p>国内顶尖的专家团队</p>
                    <span class="gt_hdg_left"></span>
                    <i class="icon-school"></i>
                    <span class="gt_hdg_right"></span>
                </div>
                <!--Heading Wrap End-->

                <!--Meet Teacher List Wrap Start-->
                <div class="gt_team2_slider" id="gt_team2_slider">
                    [#list tag_list as a]
                    <div class="item flip_container">
                        <div class="gt_flip_effect">
                            <div class="gt_team2_wrap">
                                <img src="${a.titleImg!}" alt="img here" style="width: 155px !important; height: 292px;">
                                <div class="gt_team2_name">
                                    <h6><a href="${a.url!}">${a.title!}</a></h6>
                                    <span>${a.shortTitle}</span>
                                </div>
                            </div>
                            <a href="${a.url}">
                            <div class="gt_team2_des_wrap" style="background-color: #0177b5;">
                                <div class="gt_team2_align_center">
                                    <h6>${a.title}</h6>
                                    <span>${a.shortTitle}</span>
                                    <p>[@text_cut s=a.desc len='20' append=append/] </p>
                                </div>
                            </div>
                            </a>
                        </div>
                    </div>
                    [/#list]
                </div>
            </div>
        </section>
        [/@cms_content_list]
        <!--Meet Our Teacher Wrap End-->

        <!--Testimonial Wrap Start-->
        [@cms_content_list count='8' orderBy='4' titLen='10' channelId='124' channelOption='1']
        <section class="gt_testimonial_bg">
            <div class="container">
                <!--Heading Wrap Start-->
                <div class="gt_hdg_1 white_color default_width">
                    <h3>学员心得</h3>
                    <p>Aenean commodo ligal geate dolor. Aenan massa. Loren ipsum dolor sit amet,color<br>tetuer adiois elit, aliquam eget nibh etibra</p>
                    <span class="gt_hdg_left"></span>
                    <i class="icon-school"></i>
                    <span class="gt_hdg_right"></span>
                </div>
                <!--Heading Wrap End-->

                <!--Testimonial List Wrap Start-->
                <div class="gt_testimonial_slider" id="gt_testimonial_slider">
                    [#list tag_list as a]
                    <div class="item">
                        <div class="gt_testimonial_wrap gt_bg_1${a_index+8}">
                            <p><a href="${a.url!}">[@text_cut s=a.desc len='88' append='...'/]</a> </p>
                        </div>
                        <div class="gt_testimonial_img">
                            <figure>
                                <img src="${a.titleImg!}" alt="">
                            </figure>
                            <div class="gt_testimonial_des">
                                <h5><a href="${a.url!}">${a.title!}</a></h5>
                                <span>${a.author!'正心正举'}</span>
                            </div>
                        </div>
                    </div>
                    [/#list]
                </div>
                <!--Testimonial List Wrap End-->
            </div>
        </section>
        [/@cms_content_list]
        <!--Testimonial Wrap End-->

        <!--Upcomming Conference and Events Wrap Start-->
        [@cms_content_list count='3' orderBy='4' channelId='113' titLen="20" channelOption='1' dateFormat='yyyy-MM-dd HH-mm']
        <section id="news">
            <div class="container">
                <!--Heading Wrap Start-->
                <div class="gt_hdg_1 default_width">
                    <h3>新闻媒体</h3>
                    <p>国内外的新闻大事件早知道</p>
                    <span class="gt_hdg_left"></span>
                    <i class="icon-school"></i>
                    <span class="gt_hdg_right"></span>
                </div>
                <!--Heading Wrap End-->

                <!--Event List Wrap Start-->
                <div class="row">
                    <div class="col-md-4">
                        <div class="gt_event_img default_width">
                            <img src="/${res}/extra-images/news-index.jpg" alt="">
                        </div>
                    </div>
                    <div class="col-md-8">
                        <div class="gt_event_list_wrap default_width">
                            <ul>
                                [#list tag_list as a]
                                <li>
                                    <div class="gt_event_date">
                                        <h3>${(a.date?string('dd'))!}</h3>
                                        <span>${(a.date?string('yyyy-MM'))!}</span>
                                    </div>
                                    <div class="gt_event_des">
                                        <h4><a href="${a.url}">[@text_cut s=a.title len=titLen append=append/]</a></h4>
                                        <ul class="gt_event_meta">
                                            <li><i class="fa fa-clock-o"></i>${(a.date?string('yyyy-MM-dd'))!}</li>
                                            <li><i class="fa fa-location-arrow"></i>${a.author!'正心正举'}</li>
                                        </ul>
                                        <p>[@text_cut s=a.desc len='68' append='...'/]</p>
                                        <a href="${a.url}">详&nbsp;&nbsp;情</a>
                                    </div>
                                </li>
                                [/#list]
                            </ul>
                        </div>
                    </div>
                </div>
                <!--Event List Wrap End-->
            </div>
        </section>
        [/@cms_content_list]
        <!--Upcomming Conference and Events Wrap End-->

    </div>
    <!--Main Content Wrap End-->

    <!--Footer Wrap Start-->
    [#include "../include/footer.html"/]

</div>
<!--gt Wrapper End-->

<!--Jquery Library-->
<!--<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>-->
<!--Bootstrap core JavaScript-->
<script src="/${res}/js/bootstrap.min.js"></script>
<!--Swiper JavaScript-->
<script src="/${res}/js/swiper.jquery.min.js"></script>
<!--Single Page JavaScript-->
<script src="/${res}/js/jquery.singlePageNav.js"></script>
<!--Owl Carousel JavaScript-->
<script src="/${res}/js/owl.carousel.js"></script>
<!--Chosen JavaScript-->
<script src="/${res}/js/chosen.jquery.min.js"></script>
<!--Chosen JavaScript-->
<script src="/${res}/js/waypoints-min.js"></script>
<!--Pretty Photo JavaScript-->
<script src="/${res}/js/jquery.prettyPhoto.js"></script>
<!--Custom JavaScript-->
<script src="/${res}/js/custom.js"></script>
<script type="text/javascript">
    /*
     ==============================================================
     Sticky Navigation Script
     ==============================================================
     */
    if ($('.gt_menu_bg').length) {
        // grab the initial top offset of the navigation
        var stickyNavTop = $('.gt_menu_bg').offset().top;
        // our function that decides weather the navigation bar should have "fixed" css position or not.
        var stickyNav = function () {
            var scrollTop = $(window).scrollTop(); // our current vertical position from the top
            // if we've scrolled more than the navigation, change its position to fixed to stick to top,
            // otherwise change it back to relative
            if (scrollTop > stickyNavTop) {
                $('.gt_menu_bg').addClass('gt_sticky');
            } else {
                $('.gt_menu_bg').removeClass('gt_sticky');
            }
        };
        stickyNav();
        // and run it again every time you scroll
        $(window).scroll(function () {
            stickyNav();
        });
    }
    if ($('.single-page').length) {
        $('.single-page').singlePageNav({
            offset: $('.gt_menu_bg').outerHeight(),
            filter: ':not(.external)',
            updateHash: true,
            beforeStart: function () {
                console.log('begin scrolling');
            },
            onComplete: function () {
                console.log('done scrolling');
            },
            begin: function() {
                //Hack so you can click other menu items after the initial click
                $('body').append('<div id="device-dummy" style="height: 1px;"></div>');
            },
            end: function() {
                $('#device-dummy').remove();
            }
        });
    }
</script>

</body>
</html>
